body {
  text-align: center;
  background: #656868 url('../img/bg.jpg') top center no-repeat fixed;
  margin-top:10px;
  margin-bottom:30px;
  color:#333333;
  font-family: verdana, helvetica, sans-serif;
  min-width: 90%;
}

legend {
	 font-family: verdana, helvetica, sans-serif;
	 font-size: 12px;
	
}
A:link {
	COLOR: #000000; text-decoration: underline
}
A:visited {
	COLOR: #000000; text-decoration: underline
}
A:active {
	COLOR: #000000; text-decoration: underline
}
A:hover {
	COLOR: #000000; text-decoration: none
}

span{
	font-size: 12px;
}

fieldset {
	border-color:  #999966; /*#ffcc66;*/
	border-style: solid;
}
#page_wrapper {
  background: #F3E7A7 url('images/web/page_bg.jpg') top left;
  margin-left: auto; 
  margin-right: auto;
  width: 96%;
  text-align: left;
  border: 4px solid #F4F4EE;
  position:relative;
  z-index:0;
}

#page_header {
  height: 140px;
  background: #515230 url('../images/web/header.jpg') top left;
}  

#page_header h1 {
  padding-top:30px;
  padding-left: 20px;
  font-size:26px;
  font-weight:bold;  
  color: #FCF8E3;
  letter-spacing: -1px;
  margin:0px;
}

#page_header h3 {
  padding-top:0px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;  
  color: #E2D179;
  margin:0px;  
}

#page_footer h5 {
	padding-top:0px;
	padding-left: 20px;
	font-family: verdana, helvetica, sans-serif;
	font-weight:bold;  
    color: #E2D179;
    margin:0px;  
}
/**cabecera*/
#titulocab {
	min-width:200px;
	float:left;
}

#opcionescab ul li a {
	padding: 0em 1em 0em;
	background-color: transparent;	
	text-decoration: none;
	float: left;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #F3E7A9;
}
#opcionescab ul li a:hover {
	text-decoration: underline;
}

#opcionescab{
	padding:0px 10px 0px 0px;
	float:right;
}
#usuariocab{
	text-align:right;
	padding-top: 30px;
	padding-right:2px;
	color: #E2D179;
	font-size: 10px;
}
/**menu*/
#barramenu {
  	height:30px;
  	background: #A5A162 url('../images/web/menu_bg.jpg') top left;
}

#subbarramenu{
	/*display:none;*/
	min-width: 700px;
	height: 30px;
	background: #A4C98B url('../images/web/menu_bg2.jpg') top left;
}

#barramenu ul, #subbarramenu ul
{
	padding-left: 0;
	margin-left: 0;
	margin-top:5px;
	background-color: transparent;
	color: #F3E7A9;
	float: left;
	width: 100%;
	font-family: verdana, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#barramenu ul li, #opcionescab ul li,#subnavlist li { 
 	display: inline; 
}


#subnavlist li a {
	padding: 0em 1em 0em;
	background-color: transparent;	
	text-decoration: none;
	float: left;
	border-right: 1px solid #BBB774;
	color: #F3E7A9;
}

#barramenu ul li a
{
	padding: 0.2em 1em;
	background-color: transparent;
	color: #F3E7A9;
	text-decoration: none;
	float: left;
	border-right: 1px solid #BBB774;
}

#barramenu ul li a:hover, #subbarramenu ul li a:hover
{
	background-color: transparent;
	color: #fff;
	text-decoration: underline;
}

.pointerhand{
	cursor: pointer;
}

#content_wrapper {
  height: 270px;
  background: transparent url('images/web/content_bg.jpg') top left no-repeat;
}

#contenido {
  float:left;
  width:93%;
  margin-left:5%;
  margin-right: 5%;
}
  
#contenido h3 {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:14px;
  font-weight: bold;
  line-height:18px;
  color: #A0410D;
}
  
#contenido p {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:12px;
  line-height:18px;
  color: #333333;
  width: 92%;
}

#page_footer {
  height: 70px;
  background: #515230 url('../images/web/footer.jpg') top left;
  clear: both;
}  

#page_footer A:link {
	COLOR: #F2C968; text-decoration: underline
}
#page_footer A:visited {
	COLOR: #F2C968; text-decoration: underline
}
#page_footer A:active {
	COLOR: #F2C968; text-decoration: underline
}
#page_footer A:hover {
	COLOR: #F2C968; text-decoration: none
}

#page_footer p {
  text-align:center;
  padding-top:5px;
  font-family: verdana;
  font-size:11px;
  line-height:12px;
  color: #FCF8E3;
}

.spacer {
  margin:0px;padding:0px;height:10px;clear:both;
}

label{
	font-size: 12px;
	font-weight: bold;
}
option{
	font-family:verdana;
 	font-size: 12px;
}

p.result {
	color:navy !important;
} 
 
 /*Capa de resultados de busqueda lugares/enlaces*/
#resultBusqEnlaces,#resultBusqLugares{
	
}
 
 /*** ENLACES ***/
#wrapper_form_nuevo_enlace{
	width: 90%;
}
#tdurlenlace{
	width: 100px;
}

.tdurl a {
	color: blue;
}


#lista_enlaces{
	clear:both;
}
#wrapper_formenlaces{
	width: 95%;
}
#cajaformenlaces {
	float: left;
	width: 50%;
	padding-top: 11px;
}
div.formenlace label {
	width: 16%;
	float: left;
	padding-top: 4px;
}
div.formenlace {
	padding-bottom: 4px;
}
#itnomenlace {
	float: left;
	width: 46%;
}
#itnomenlace label {
	float: left;
	width: 17%;
	min-width: 40px;
}
#ittipoenlace {
	margin-left:250px;
}
#ittipoenlace label {
	float: left;
	width: 7%;
	min-width: 32px;
}
div.divurl {
	width: 42%;
}
div.divurl textarea {
	margin-left: 23px;
}
#btnbuscarenlace{
	padding: 12px 0px 0px 240px;
}

#div_form_enlaces{
	clear:both;
}
#capabotonesagregaURL{
	/*padding-bottom:10px;
	clear:both;*/
	position:absolute;
	width: 90px; 
	padding-left: 36%;
}
/*** LUGARES ***/
#cajaformnuevolugar{
	width: 91%;
}

#itnomlugar, #itdirecclugar {
	width: 55%;
}
#itnomlugar {
	float: left;
}
#itnomlugar label, #itdirecclugar label {
	float: left;
	width: 17%;
}
#coordenadas{
	width: 40%;
}
div.formlugar label {
	width: 20%;
	float: left;
}
#wrapper_formlugares {
	float: left;
	width: 35%;
}
#formlugar {
	padding: 11px 0px 8px 0px;
	/*padding-top: 11px;
	padding-bottom: 4px;*/
}
div.radbtnlugar label {
	padding-left: 20px;
	width: 12%;
	float: left;
}
#coordenadas{
	padding: 50px 50px 50px 50px;
	margin-right:auto;
	margin-left:auto;
}
#capadescripcionlugar{
	float:left;
}
#capacontador{
	margin-left:25px;
}
#contador{
	background-color: transparent;
	color: black;
	font-weight: bold;
	font-size: large;
	border: groove 2px silver;
	text-align:center;
}
#limitechar{
	color:red;
}
#modlugar{
	padding-bottom:30px;
	margin-bottom:30px;
}
#form_nuevo_lugar{
	margin-bottom:30px;
}
#capaCreaMarcador p{
	text-decoration:underline;
	color: blue;
}

#btnBusquedaLugar{
	margin: 12% 0% 0% 50%;
}

/*** LOGIN ADMIN ***/

#wrapper_loginadmin {
	margin-right:auto;
	margin-left:auto;
	padding-top: 5%;
	padding-left: 8%;
	width:40%;
	text-align:center;
}

#capabotonlogin{
	
}

div.formloginadmin label {
	width: 22%;
	float: left;
}
div.formloginadmin {
	padding-bottom: 4px;
}
 
/*** ESTILO LOGIN ***/
#capabtnlogin{
	/*margin-left:80%;*/
	z-index:0;
	float: right; 
}
#zonalogin{
	/*margin-left: 165px;*/
	margin-left: 15%;
	position:absolute;
	z-index:100;
}
#capalogin{
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:49%;
	margin-top:32%;
	width:300px;
	clear:both;
}
div.capabtcerrar {
	float: right;
	width: 10px;
	height: 10px;
}
div.formlogin label {
	width: 27%;
	float: left;
}
div.formlogin {
	padding-bottom: 5px;
}
/*** REGISTRO ***/
#wrapper_registro {
	width: 70%;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
div.divreg {
	width: 54%;
	margin-bottom: 6px;
	padding-right: 10px;
}
div.divreg label {
	float: left;
	width: 24%;
}
#capabotonesreg {
	padding-left: 35%;
}

#wrapper_misdatos {
	width: 70%;
	margin-left: auto;
	margin-right:auto;
	padding-left: 7%;
}
#capaidioma label {
	margin-right:10px;
	margin-left: 20px;
}

/*** ESTILOS TABLAS DE LISTA ***/
tr.listado{
	background : transparent;
	font-size: 12px;
}
tr.trcabeclista {
	background-color: #ff6633;
	color: #ccff99;
}
td.tdchk {
	width: 2%;
}
#tdnomenlace, #tdnomlugar{
	width: 25%;
}
td.tdbts{
	width: 8%;
	text-align:center;
}
td.tdbtsadmin{
	width: 15%;
	text-align: center;
}

#btsadmin{
	width: 16%;
}
#tdtipoenlace, #tdtipolugar {
	width: 10%;
} 
#tdtipolugaradmin {
	width: 12%;
	text-align:center;
}
td.coltipoelemmapa{
	width: 10%;
	text-align:center;
} 
td.tdcenter {
	text-align: center;
}

#tdbtlugar {
	width: 14%;
}
td.tdbotoneslugaresuser{
	width: 125px;
}

td.tdbotoneslugaresuserfavs{
	width: 115px;
}
td.descfav{
	
}
td.nombrefav{
	
}
/**/

#lista_lugares{
	clear: both;
}

hr.hrmarron {
	color: #cc6600;
}

h2.titform {
	color: #cc6600;
	text-decoration:underline;
	/*font-style: oblique;;*/
}

#divopcionbusqueda{
	float:left;
	height: 90px;
	width: 100%;
}
#divopcionverlugares{
	clear:left;
	height: 90px;
}

/** MAPA **/

#celdaDivMapa{
	text-align:center;
	clear:both;
	border: groove 6px #cc6600;
	height:400px; 
	width:820px;
}
#capatfnos{
	
	float:left;
	width: 40%;
	padding-bottom: 20px;
}
#formtfnos{
	float:left;
	width: 90%;
}

/*cuadro detalle de info lugar*/
#detalles h3{
	font-size: 14px;
	text-align:left;
}
#detalles p{
	font-size: 11px;
	text-align:left;
	text-indent: 1em;
}
#capainfolugar{
	background-color:rgb(198,179,165);
	position: fixed;
	z-index:60;
	height: 400px;
	width: 400px;
	padding: 10px 30px 0px 20px;
	margin: 78px 128px 70px 225px;
	border : ridge 3px rgb(214,175,150);
}

#deshabilitador{
	position: absolute;
	z-index: 50;
	width:100%;
	height:100%;/**********DA PROBLEMAS PARA HTML QUE CREZCA VERTICALMENTE*********/
}

#capadeshabilitadora, #deshabilitador{
	background-color:transparent;
	opacity: 1; /*IMPORTANTE QUE LA OPACIDAD SEA  DEL 100% 
	(usar porcentajes para IE) YA QUE SI NO, LA DESHABILITACION
	 DE LOS ELEMENTOS QUE HAYA DEBAJO NO SERA EFECTIVO, (NO ADECUADO PARA VALIDACION CSS*/
}

#infomodinsercion{
	clear:both;
	font-size: 15px;
}
#res_mod_lugar{
	font-weight: bold;
	font-size: 15px;
}
#res_mod_lugar,#res_borrado{
	font-weight: bold;
	font-size: 15px;
}

/*** TRADUCTOR ***/
#wrapper_traductor{
	width: 100%;
	min-width: 800px; 
}
#divtrans,#restrans{
	float:left;
	width: 32%;
	min-width: 100px;
}

#selidioma {
	float: left;
	margin-left:40px;
	/*padding-bottom: 90px;*/
}

.opcidiom {
	font-size: 11px;
}
#par_idiomas {
	font-size: 11px;
	width: 136px;
}

/*** BOTONES ***/
button.mybtn, input.mybtn {
	font-size:13px;
   	font-family:Tahoma,sans-serif;
	/*font-weight:bold;*/
	color:#FFFFCC;
	height:25px;
	background-color:#CC9933;
	border-color:#FFFFCC;
	border-width:3px;
}

button.mybtn[disabled], button[disabled] {
	opacity: 0.4;
}

/* botones con iconos*/
.btnimg {
	width: 25px;
	height: 25px;
}

.btnimg img {
	border: 0;
}

/*** GOOGLE MAPS ***/
.paramRutaGmap{
	padding-left: 3px;
}
#contenedorServicioCallejero{
	height: 90px;
	clear:both;
	padding-bottom: 15px;
}

#directions {
	font-size: 11px;
}

#busqsimple {
	float: left;
	width: 35%;
	height: 25%;
	padding-right: 80px;
}
#busqruta {
	width: 90%;
	height: 25%;
} 

div.formruta {
	width: 76%;
	float: left;
	padding-bottom: 4px;
}

.formruta label {
	float: left;
	width: 17%;
}

#formBusqRutaGmaps{
	padding: 0px 0px 0px 15px;
	border: outset 3px white;
}

#formBusqGmaps{
	padding: 0px 0px 79px 25px;
	border: outset 3px white;
}

#menuAnadirLugar{
	position:absolute;
	z-index:-1;
}
.globo b {
	font-size: 12px;
}

.globo {
	font-size: 11px;
	padding-bottom: 15px;
}

/**ERRORES/EXCEPCIONES**/
#error{
	font-size: 12px;
	background: #F3E7AA;
	color:red;
}
/**Para elementos html donde se quieran centrar (para evitar align="center", prohibido en el XHTML)*/
.centrado{
	text-align:center;	
	clear:both;
}
#diverror{
	 background: #F3E7A8;
}
.encabezadoform{
	border-bottom: 3px #cc6600 groove;
}

legend{
	font-size: 16px;	
}

#noscript{
	font-size: 12px;
	font-weight:bold;
	color: #F3E7A9;
}
#noscript a{
	color: yellow !important;
}


